<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <title>中国传统文化大览 In Free Bootstrap 4 </title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  	<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/style.css">
	  <link rel="stylesheet" href="css/aui.css">
  </head>
  <body>
    
	  <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
	    <div class="container">
	      <a class="navbar-brand" href="index.html"><font color="000000"><p>中国传统文化大览</p></font></a>
			  
	      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
	        <span class="oi oi-menu"></span> Menu
	      </button>

	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav ml-auto" >
	          <li class="nav-item active"><a href="index.html" class="nav-link">
	            <p><strong>主页</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="history.html" class="nav-link">
	            <p><strong>历史长河</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="places.html" class="nav-link">
	            <p><strong>地大物博</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="wenhua.html" class="nav-link">
	            <p><strong>文化多彩</strong></p>
	          </a></li>
	          <li class="nav-item"><a href="art.html" class="nav-link">
	            <p><strong>民间艺术</strong></p>
	          </a></li>
	       
	        </ul>
	      </div>
	    </div>
	  </nav>
    <!-- END nav -->
    
    <div class="hero-wrap js-fullheight" style="background-image: url('images/bg_1.jpg');">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-start" data-scrollax-parent="true">
          <div data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">
            <ptitle>中国传统文化大览</ptitle>
            <p data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><img src="image/龙.png"/></p>
          </div>
        </div>
      </div>
    </div>

  

    <section class="ftco-section">
    	<div class="container">
    		<div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <p2>历史长河·源远流长</p2>
          </div>
        </div>
        <div class="row">
        	<div class="col-md-4 ftco-animate">
        	<div class="intro ftco-animate">
    					<pt>五千年的悠悠历史</pt>
    					<p>中国五千年的悠悠历史长河中，不管是在远古时代，还是在生产力低下的原始社会，以及残暴的奴隶社会和后来几千年的封建专制，中国的古代史无疑是我们中华文明奠基石。五千年灿烂的文明哺育了一代又一代华夏儿女。
				</p><br/><br/>
			<a href="history.html"><button type="button" class="btn btn-primary btn-lg btn-block"><p>了解更多中国历史</p></button></a>
			  </div>
				
        	</div>
        	<div class="col-md-4 ftco-animate">
        		<a href="history.html" class="destination-entry img" style="background-image: url(image/top_09.jpg);">
        		</a><br/><br/><div class="text text-center">
						<pt>北京·天坛</pt>
        			</div>
        	</div>
        	<div class="col-md-4 ftco-animate">
        		<a href="history.html" class="destination-entry img" style="background-image: url(image/4shifang.jpg);">
   			  </a><br/><br/><div class="text text-center">
						<pt>石船</pt>
        			</div>
        		</a>
        	</div>
        </div>
    	</div>
    </section>
		
		<section class="ftco-about d-md-flex">
    	<div class="one-half img" style="background-image: url(images/about.jpg);"></div>
    	<div class="one-half ftco-animate">
        <div class="heading-section ftco-animate ">
          <p2>地大物博</p2>
        </div>
			<br/><br/>
        <div>
			<p>中国幅员辽阔，人口占世界近四分之一
，地形复杂多样、河流众多、气候多样、土地资源丰饶、动植物品种多
，悠久的文化历史、文学艺术。</p><br/>
		  <p2>特产丰富</p2>
  				<p>特产指某地特有的或特别著名的产品，有文化内涵或历史，对大部分特产而言，还具有特殊的功用价值。</p>
		  </div><br/><br/><br/>
		  <div class="aui-bar">
			<p><a href="places.html"><div class=" aui-btn aui-btn-primary">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击了解更多&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></a></p></div>
    	</div>
			
  </section>
<section class="ftco-section">
   	<div class="container">
				<div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <p2>灿烂文化·多姿多彩</p2>
          </div>
        </div>    		
    	</div>
    	<div class="container-fluid">
    		<div class="row">
    			<div class="col-sm col-md-6 col-lg ftco-animate">
    				<div class="destination">
    					<a href="#" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url(image/kongzi.jpg);">
    					</a>
    					<div class="text p-3">
    						<div class="d-flex">
    							<div >
		    						<h3>儒家文化</h3>
		    					<p>——走过了最为漫长的历史。</p>
	    						</div>
	    						
    						</div>
    						<p>从孔子与早期儒学、秦朝：儒学的第一次毁灭性打击、魏晋南北朝：儒学的重振运动、宋及辽夏金元：儒学的转型、清代：儒学的繁荣与危机、中华人民共和国：儒学从衰落到复兴 孔子之后的儒学分化、汉代：儒学的黄金岁月、隋唐：儒学再度官学化、明代：理学的式微与心学的崛起、中华民国：经学的终结与儒家思想的新开展以及最新港台成为新儒家的阵地。
							</p><p>中国儒家文化走过了最为漫长的历史。。</p>
    						
    							<span class="ml-auto"><a href="art.html">了解更多</a></span>
    						</p>
    					</div>
    				</div>
    			</div>
    		
    			<div class="col-sm col-md-6 col-lg ftco-animate">
    				<div class="destination">
    					<a href="#" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url(image/tea04.gif);">
    					</a>
    					<div class="text p-3">
    						<div class="d-flex">
    							<div >
		    						<h3>茶文化</h3>
		    					<p>我国悠久的茶叶历史为人类创造了茶业科学技术，也为世界积累了最丰富的茶业历史文献。</p>
	    						</div>
	    						
    						</div>
    						<p>   
　　"讲饮茶风俗，叙述饮茶风尚的起源、传播和饮茶习俗，提出饮茶的方式方法。"七之事"叙述古今有关茶的故事、产地和药效。记述了唐代 以前与茶有关的历史资料、传说、掌故、诗词、杂文、药方等。"八之出"评各地所产茶之优劣。叙说唐代茶叶的产地和品质，将唐代全国茶叶生产区域划分成八大茶区，每一茶区出产的茶叶按品质分上、中、下、又下四级。"九之略"谈哪些茶具茶器可省略以及在何种情况下可以省略哪些制茶过程、工具或煮茶、饮茶的器皿。

 

							</p><p>　如到深山茶地采制茶叶，随采随制，可简化七种工具。"十之图"提出把《茶经》所述内容写在素绢上挂在座旁，《茶经》内容就可一目了然</p>
    						
    							<span class="ml-auto"><a href="art.html">了解更多</a></span>
    						</p>
    					</div>
    				</div>
    			</div>
    			
    			<div class="col-sm col-md-6 col-lg ftco-animate">
    				<div class="destination">
    					<a href="#" class="img img-2 d-flex justify-content-center align-items-center" style="background-image: url(image/茅台.jpg);">
    					</a>
    					<div class="text p-3">
    						<div class="d-flex">
    							<div >
		    						<h3>酒文化</h3>
		    					<p>中国人的好客，在酒席上发挥得淋沥尽致。人与人的感情交流往往在敬酒时得到升华。中国人敬酒时，往往都想对方多喝点酒，以表示自己尽到了主人之谊，客人喝得越多，主人就越高兴，说明客人看得起自己，如果客人不喝酒，主人就会觉和有失面子。有人总结到，劝人饮酒有如下几种方式：“文敬”、“武敬”、“罚敬”。这些做法有其淳朴民风遗存的一面，也有一定的负作用。</p>
	    						</div>
	    						
    						</div>
    						<p>酒席开始，主人往往在讲上几句话后，便开始了第一次敬酒。这时，宾主都要起立，主人先将杯中的酒一饮而尽，并将空酒杯口朝下，说明自己已经喝完，以示对客人的尊重。客人一般也要喝完。在席间，主人往往还分别到各桌去敬酒。
    						<br/>
    							<span class="ml-auto"><a href="art.html">了解更多</a></span>
    						</p>
    					</div>
    				</div>
    			</div>
    			
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
<section class="ftco-section bg-light">
  <div class="container">
        <div class="row justify-content-center mb-5 pb-3">
        <div class="col-md-7 heading-section text-center ftco-animate">
            <p2>民间艺术·流传千古</p2>
          </div>
        </div>
        <div class="row d-flex">
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <a href="blog-single.html" class="block-20" style="background-image: url('image/中国皮影（图）.jpg');">
              </a>
              <div class="text">
              	<span class="tag">中国皮影</span>
                <h3 class="heading mt-3"><a href="art.html">“皮影”是对皮影戏和皮影戏人物（包括场面道具景物）制品的通用称谓。中国皮影艺术，是我国民间工艺美术与戏曲巧妙结合而成的独特艺术品种，是中华民族艺术殿堂里不可或缺的一颗精巧的明珠。</a></h3>
             
              </div>
            </div>
          </div>
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <a href="blog-single.html" class="block-20" style="background-image: url('image/中国风筝（图）.jpg');">
              </a>
              <div class="text">
              	<span class="tag">中国风筝</span>
                <h3 class="heading mt-3"><a href="art.html">中国风筝有悠久的历史，据说汉朝大将韩信曾利用风筝进行测量。梁武帝时曾利用风筝传信，但未成功。南北朝有人背着风筝从高处跳下而没有跌死。唐朝的张丕被围困时曾利用风筝传信求救兵，取得了成功。这些说明，中国风筝的历史至少有2000多年了。
</a></h3>
                
              </div>
            </div>
          </div>
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <a href="blog-single.html" class="block-20" style="background-image: url('image/中国古家具（图）.jpg');">
              </a>
              <div class="text">
              	<span class="tag">中国古家具</span>
                <h3 class="heading mt-3"><a href="art.html">中国古代家具的发展源远流长，其历史是一部由木头构创的绚丽诗篇，亦自成体系，具有强烈的民族风格。中国古代家具深深地影响着世界家具及室内装饰的发展。</a></h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
		
  
      
         
         
        <div class="row">
          <div class="col-md-12 text-center">

            <p>
  The End
  </p><h2>Copyright &copy;2019-福建工程学院 软件工程1601 3168907128</h2>
          </div>
        </div>
      </div>
    </footer>
    
  

  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/bootstrap-datepicker.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script src="js/main.js"></script>
    
  </body>
</html>